/**index.wxss**/
@import './_reset.scss';
@import './_animate.scss';
@import './_dialog.scss';
@import './_base.scss';
.test{
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom:0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
}
.page-bg{
  position: absolute;
  left: 0;
  bottom:0;
  width: 100%;
  height: 100%;
  background: url(../images/bg.png) no-repeat 50% 0;
  background-size: 100% auto;
  overflow: hidden;
}
.gold-image{
  position: absolute;
  left: 0.72rem;
  top:7.80rem;
  width: 5.92rem;
  height: 3.72rem;
}
.oval-image{
  position: absolute;
  left: 0;
  top:6.65rem;
  width: 7.50rem;
  height: 10.21rem;
}
.light-dot{
  position: absolute;
  left: 0;
  top:3.00rem;
  width: 7.50rem;
  height: 7.50rem;
  opacity: .7;
}

.logo{
  position: absolute;
  left: 3.25rem;
  /* bottom:50rem; */
  top:10.53rem;
  width: 1.00rem;
  height: 1.03rem;
}


.spark{
  position: absolute;
  left: 0.20rem;
  top:0;
  width: 5.40rem;
  height: 2.28rem;
}
.main-title{
  position: absolute;
  left: 1.06rem;
  top:1.01rem;
  width: 5.56rem;
  height: 1.85rem;
}
.flower{
  position: absolute;
  left: -1.00rem;
  top:-2.00rem;
  width: 6.31rem;
  height: 5.67rem;
  transform: scale(0);
}
.showEggOpenAnimate .flower{
  animation: flower 1.5s 1.6s linear forwards;
}

@keyframes flower{
  0%{
    transform: scale(0) translateY(0);
    opacity: 1;
  }
  40%{
    transform: scale(1.07) translateY(0);
    opacity: 1;
  }
  100%{
     transform: scale(1.3) translateY(1rem);
     opacity: 0;
  }
}

.gift{
  position: absolute;
  left: 2.86rem;
  /* bottom:251rem; */
  top:8.46rem;
  width: 1.70rem;
  height: 1.23rem;
}
.btn{
  position: absolute;
  left: 2.06rem;
  /* bottom: 214rem; */
  top:9.02rem;
  width: 3.39rem;
  height: 1.01rem;
}

.lottery-text{
  position: absolute;
  left: 2.85rem;
  top:4.00rem;
  width: 1.78rem;
  height: 0.62rem;
  opacity: 0;
}
.lottery-text.showEggOpenAnimate{
  animation: showLotteryText 0.1s 3.8s linear forwards; 
}

@keyframes showLotteryText{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.floor-image{
  position: absolute;
  top:7.63rem;
  width: 6.58rem;
  height: 1.66rem;
}
.floor-left{
  left: -1.35rem;
}
.floor-middle{
  left: 0.52rem;
}
.floor-right{
  left: 2.89rem;
}
.lotteryed{
  img{
    display: none;
  }
}